// layui.config({
//              version:1,
//              base:'src/main/resources/public/js/lay-module/echarts/echarts.js'
// }).use(['table', 'layer'], function () {
//    // var element=layui.element,
//     $ =layui.jquery,
//     echarts=layui.echarts;
//
//
// })
 layui.use(['table', 'layer'], function () {
    var $ = layui.jquery,
        echarts = layui.echarts;
     /**
      * 发送ajax请求，获得后端查询数据库中的数据
      * @type {HTMLElement}
      */
     $.ajax({
         type:"get",
         url:ctx+"/customer/countCustomerMake",
         dataType:"json",
         success:function (data){
             var chartDom = document.getElementById('make');
             var myChart = echarts.init(chartDom);
             //var myChart=echarts.init(document.getElementById("make"));
             var option = {
                 title:{
                   text:"客户构成分析"
                 },
                 //提示框
                 tooltip:{},
                 xAxis: {
                     type: 'category',
                     data:  data.data1,
                 },
                 yAxis: {
                     type: 'value'
                 },
                 series: [
                     {
                         data: data.data2,
                         type: 'line'
                     }
                 ]
             };
             myChart.setOption(option);
         }

     });



     //画饼状图
     $.ajax({
         type:"get",
         url:ctx+"/customer/countCustomerMake02",
         dataType:"json",
         success:function (data){
     var chartDom = document.getElementById('make02');
     var myChart = echarts.init(chartDom);
     // option = {
     //     title: {
     //         text: 'Nightingale Chart',
     //         subtext: 'Fake Data',
     //         left: 'center'
     //     },
     //     tooltip: {
     //         trigger: 'item',
     //         formatter: '{a} <br/>{b} : {c} ({d}%)'
     //     },
     //     legend: {
     //         left: 'center',
     //         top: 'bottom',
     //         data:data.data1
     //     },
     //     toolbox: {
     //         show: true,
     //         feature: {
     //             mark: { show: true },
     //             dataView: { show: true, readOnly: false },
     //             restore: { show: true },
     //             saveAsImage: { show: true }
     //         }
     //     },
     //     series: [
     //         {
     //             name: 'Radius Mode',
     //             type: 'pie',
     //             radius: [20, 140],
     //             center: ['25%', '50%'],
     //             roseType: 'radius',
     //             itemStyle: {
     //                 borderRadius: 5
     //             },
     //             label: {
     //                 show: false
     //             },
     //             emphasis: {
     //                 label: {
     //                     show: true
     //                 }
     //             },
     //             data: data.data2
     //         },
     //         {
     //             name: 'Area Mode',
     //             type: 'pie',
     //             radius: [20, 140],
     //             center: ['75%', '50%'],
     //             roseType: 'area',
     //             itemStyle: {
     //                 borderRadius: 5
     //             },
     //             data: data.data2
     //         }
     //     ]
     // };
             option = {
                 title: {
                     text: '客户构成饼状图',
                     subtext: 'Fake Data',
                     left: 'center'
                 },
                 tooltip: {
                     trigger: 'item'
                 },
                 legend: {
                     orient: 'vertical',
                     left: 'left'
                 },
                 series: [
                     {
                         name: 'Access From',
                         type: 'pie',
                         radius: '50%',
                         data: data.data2,
                         emphasis: {
                             itemStyle: {
                                 shadowBlur: 10,
                                 shadowOffsetX: 0,
                                 shadowColor: 'rgba(0, 0, 0, 0.5)'
                             }
                         }
                     }
                 ]
             };
            myChart.setOption(option);
         }

     });




});